html, body { margin:0; padding:0; }
a { color:rgb(0,50,255); }
h2.Title { font:bold 14px sans-serif; margin:10px 0 5px 0; margin:0 0 5px 0; padding:0; color:#333; }
h2.Title u { text-decoration:none; color:#666; padding-right:5px } 

.Container { position:absolute; width:700px; min-height:400px; border:5px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:4px; }
.Header { background:rgb(250,230,30); color:rgb(20,150,20); color:rgb(250,230,30); border-bottom:5px solid rgb(200,180,0); font:bold 24px Arial,sans-serif; letter-spacing:-1px }
.Middle {  }
.Footer { padding:3px; font:12px Arial,sans-serif; color:#333; border:1px solid rgb(255,240,50); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.Footer a { color:rgb(0,50,200); }
.Footer a:hover { text-decoration:none; }
.FooterContainer { margin-top:10px; border:1px solid rgb(230,200,0); background:rgb(250,220,0); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.Middle .Left { float:left; width:500px; }
.Middle .Right { float:right; width:150px; }
.Middle button { font:12px sans-serif; padding:3px; margin-left:2px; }
.Middle .ProfileSettings { border:1px solid rgb(140,200,255); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.Middle .ProfileSettings .Border { padding:5px; border:1px solid rgb(160,240,255); background:rgb(150,220,255); -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.Middle .ProfileSettings label{ font:12px sans-serif; }
.Middle .ProfileSettings input { width:120px; margin-right:5px; border:1px inset #666; color:#111; font:11px sans-serif; padding:3px; }
.Middle .ProfileSettings .LanguageCombobox { width:150px; padding:1px; }

.Middle .GameFormContainer { background:rgb(190,235,0); border:1px solid rgb(100,200,0); margin-top:10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.Middle .GameForm { border:1px solid rgb(220,255,50); padding:10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.Middle .GameForm h3 { font:bold 16px Georgia,Arial,sans-serif; color:#333; margin:0; border-bottom:1px dotted #ccc; margin-bottom:3px; }
.Middle .GameForm .ServerSetContainer, .Middle .GameForm .TableSetContainer { border:1px solid rgb(100,200,0); background:#fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.Middle .GameForm .ServerSetContainer { float:left; width:170px; }
.Middle .GameForm .TableSetContainer { float:right; width:485px; }
.Middle .GameForm .ServerSet,.Middle .GameForm .TableSet { padding:5px; }
.Middle .GameForm .ServerList { width:160px; height:250px; padding:1px; border:0; font:12px Arial,sans-serif; }
.Middle .GameForm .ServerList .ServerButton { cursor:pointer; display:block; color:#333; margin-bottom:2px; border:1px outset #666; padding:3px; background:#f2f2f2; }
.Middle .GameForm .ServerList .ServerButton .PlStat { position:absolute; color:#666; margin-left:105px; }
.Middle .GameForm .ServerList .ServerButton:hover { background:#fff; }
.Middle .GameForm .ServerList .ServerButtonSelected { cursor:default; border-style:inset; background:#fff; color:#111; }
.Middle .GameForm .ServerList .ServerButtonSelected:hover { background:#fff; }
.Middle .GameForm .TableSet .Directive { font:10px Arial,sans-serif; color:#666; }
.Middle .GameForm .TableSet .NewGameButton { position:absolute; display:block; width:85px;  overflow:hidden; cursor:pointer; border:1px solid rgb(150,30,50); margin:0 0 0 387px; text-align:center; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.Middle .GameForm .TableSet .NewGameButton span { display:block; font:normal normal 11px Arial,sans-serif; padding:3px; background:rgb(255,70,0); color:#fff; border:1px solid rgb(255,125,0); }
.Middle .GameForm .TableSet .NewGameButton:hover { border-color:rgb(20,20,20); }
.Middle .GameForm .TableSet .NewGameButton:hover span { background-color:rgb(60,60,60); border-color:rgb(80,80,80); color:#fff; }
.Middle .GameForm .TableList { margin-top:7px; padding:3px; border:1px solid #666; }
.Middle .GameForm .TableList .ServerInfoBox { height:26px; overflow:hidden; padding:2px; border:1px dotted #ccc; font:10px Arial,sans-serif; color:#666; margin-bottom:2px; }
.Middle .GameForm .TableList .ServerInfoBox span { padding-right:5px; }
.Middle .GameForm .TableList .ServerInfoBox strong { padding-right:2px; }
.Middle .GameForm .TableList .ServerInfoBox .Blue strong { color:rgb(50,120,150); }
.Middle .GameForm .TableList .ServerInfoBox .Green strong { color:rgb(50,120,0); }
.Middle .GameForm .TableList .ServerInfoBox .Red strong { color:rgb(150,0,0); }
.Middle .GameForm .TableList .ServerInfoBox .Grey strong { color:rgb(30,30,30); }
.Middle .GameForm .TableList .TableListContent { height:162px; margin:1px 0 2px 0; padding-right:3px; overflow-y:scroll; }

.Middle .GameForm .TableList .Row { padding:3px; font:11px Arial,sans-serif; cursor:default; background:#aaa; border:0; color:#fff; }
.Middle .GameForm .TableList .Column { float:left; width:30px; border-right:1px dotted #666; text-align:center; }
.Middle .GameForm .TableList .TableListContent .Row { color:#333; margin-top:1px; background:#fff; border-bottom:1px dotted #aaa; cursor:pointer; }
.Middle .GameForm .TableList .TableListContent .Row:hover { background:#f2f2f2; }
.Middle .GameForm .TableList .TableListContent .Column { border:0; }
.Middle .GameForm .TableList .Wide { width:129px; }
.Middle .GameForm .TableList .TableListContent .Wide { width:130px; }

.Middle .Button { border:1px solid #ccc; margin-bottom:2px; font:11px Arial,sans-serif; -moz-border-radius:3px; -webkit-border-radius:3px; }
.Middle .Button .ButtonBorder { border:1px solid #eee; background:#ddd; color:#333; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.Middle .LeaveButton { position:absolute; cursor:pointer; width:24px; height:24px; margin:-27px 0 0 673px; }

.Middle .Status { }
.Middle .Status.Blue { border-color:rgb(140,200,255); }
.Middle .Status.Blue .StatusContent { border-color:rgb(160,240,255); background:rgb(150,220,255); }
.Middle .Status.Green { border-color:rgb(100,200,0); }
.Middle .Status.Green .StatusContent { border-color:rgb(220,255,50); background:rgb(190,235,0); }
.Middle .Status.Red { border-color:rgb(200,20,0); }
.Middle .Status.Red .StatusContent { border-color:rgb(245,70,50); background:rgb(225,50,30); color:rgb(255,200,200); }

.Middle .ReinitButton:hover, .Middle .LeaveButton:hover { border-color:rgb(200,20,0); }
.Middle .ReinitButton:hover .ButtonBorder, .Middle .LeaveButton:hover .ButtonBorder { border-color:rgb(245,70,50); background:rgb(225,50,30); color:rgb(255,200,200); }
.Middle .Board { position:absolute; width:400px; height:400px; margin:20px;  background:#aaa url(/static/img/board_bg.png); }
.Middle .BlackBoard { background-position:-50px 0; }
.Middle .Board .Piece { position:absolute; width:50px; height:50px; cursor:pointer; background:url(/static/img/piece_w.png) no-repeat 0 0; }
.Middle .Board .Selected { background-color:rgb(150,200,100); }
.Middle .Board .Value_1 { background-position:-250px 0; }
.Middle .Board .Value_2 { background-position:-200px 0; }
.Middle .Board .Value_3 { background-position:-150px 0; }
.Middle .Board .Value_4 { background-position:-100px 0; }
.Middle .Board .Value_5 { background-position:-50px 0; }
.Middle .Board .Value_6 { background-position:0px 0; }
.Middle .Board .Color_1 { background-image:url(/static/img/piece_b.png); }
.Middle .Board .Highlight { position:absolute; width:50px; height:50px; background:rgb(250,200,150); opacity:0.5; filter:alpha(opacity=50); }
.Middle .Monitor { float:right; width:258px; height:440px; overflow-y:scroll;  }
.Middle .Monitor h3.Title { background:#eee; font:bold 16px sans-serif; text-align:center; margin:0; }
.Middle .Monitor .MoveList {}
.Middle .Monitor .MoveList strong { display:block; }
.Middle .Monitor .MoveList .White, .Middle .Monitor .MoveList .Black { float:left; width:120px; text-align:center; }
.Middle .Monitor .MoveList .Black { float:right; }
.Middle .Numbering { position:absolute; text-align:center; background:rgb(100,100,80); color:rgb(150,150,130); font:bold 16px Arial,sans-serif; }
.Middle .Numbering.Left, .Middle .Numbering.Right { width:20px; height:400px; line-height:50px; margin-top:20px; }
.Middle .Numbering.Right { margin-left:420px; }
.Middle .Numbering.Top, .Middle .Numbering.Bottom { width:400px; height:20px; letter-spacing:40px; padding-left:40px; }
.Middle .Numbering.Bottom { margin-top:420px; }
.Donation { position:absolute; margin:-53px 0 0 618px; }

.Error { color:#ff0000; }
.Clean { clear:both; }
